<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>JS Quicktags Example</title>
<!--
<script src="http://alexking.org/projects/js-quicktags/demo/js_quicktags.js" type="text/javascript"></script>
var dictionaryUrl = 'http://www.ninjawords.com/';
<script src="http://alexking.org/projects/js-quicktags/demo/js_quicktags.js" type="text/javascript"></script>
http://alexking.org/projects/js-quicktags/demo/index.html
-->
<style>
.ed_button{
    font-size:13px;
    font-family:Tahoma;
    font-weight:500;
    color:#aee;text-shadow:1px 1px 1px #000;
    border:2px outset #555;
    border:2px solid #222;
    border-radius:3px;
    margin:3px 0px 0px !important;

background: #828c95;
background: url();
background: -moz-linear-gradient(top, #828c95 0%, #28343b 53%, #828c95 98%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828c95), color-stop(53%,#28343b), color-stop(98%,#828c95));
background: -webkit-linear-gradient(top, #828c95 0%,#28343b 53%,#828c95 98%);
background: -o-linear-gradient(top, #828c95 0%,#28343b 53%,#828c95 98%);
background: -ms-linear-gradient(top, #828c95 0%,#28343b 53%,#828c95 98%);
background: linear-gradient(to bottom, #828c95 0%,#28343b 53%,#828c95 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#828c95',GradientType=0 );
    cursor:pointer;
    text-align:center; 
}
#ed_gr_canvas:nd{display:none;}
input.ed_button:first-of-type{display:none;}
#ed_toolbar_canvas{margin:0 auto;text-align:center;display:block;}
#ed_b_canvas,#ed_i_canvas,#ed_p_canvas{width:25px;}
#ed_strong_canvas,#ed_table_canvas,#ed_scripts_canvas{width:50px;}
#ed_div_canvas,#ed_pre_canvas,#ed_via_canvas{width:35px;}
#ed_gr_canvas,#ed_bQuote_canvas{width:57px;color:yellow;}
#ed_code_canvas,#ed_nobr_canvas,#ed_span_canvas,#ed_form_canvas{width:40px;}
#ed_em_canvas,#ed_id_canvas,#ed_ul_canvas,#ed_ol_canvas,#ed_li_canvas,
#ed_h1_canvas,#ed_h2_canvas,#ed_h3_canvas,#ed_h4_canvas,
#ed_h5_canvas,#ed_h6_canvas,#ed_u_canvas,
#ed_dl_canvas,#ed_dt_canvas,#ed_dd_canvas,#ed_tr_canvas,
#ed_tr_canvas,#ed_td_canvas,#ed_ins_canvas,#ed_del_canvas{width:30px;}
#ed_style_canvas,#ed_footnote_canvas,#ed_ext-link_canvas{width:60px;}
#ed_script_canvas{width:70px;}
#ed_scripts_canvas,#ed_but_canvas,#ed_ext_link_canvas{width:55px;}
#ed_style_canvas,#ed_gr_canvas,#ed_bQuote_canvas,#ed_script_canvas,#ed_scripts_canvas{color:yellow;}
#ed_spell_canvas{width:44px;color:red;}
.ed_button:active{color:red;}
.ed_button:focus,#ed_gr_canvas:focus,#ed_bQuote_canvas:focus{color:red;}
</style>


<script src="modif/js/tagsCreator.obus.js" type="text/javascript"></script>

</head>
<body>

<h1>JS Quicktags Example</h1>

<form>
	<fieldset>
		<legend>Example #1</legend>
<div style="width:747px;background:#555;padding:2px 4px 4px;border-radius:6px;margin:10px auto 10px;">
		<script type="text/javascript">edToolbar('canvas');</script>
</div>
		<textarea id="canvas" rows="20" cols="90" style="display:block;margin:0 auto;"></textarea>
	</fieldset>
	<fieldset>
		<legend>Example #2</legend>
<div style="width:575px;background:#555;padding:3px;border-radius:10px;">
		<script type="text/javascript">edToolbar('canvas_2');</script>
</div>
		<textarea id="canvas_2" rows="20" cols="50"></textarea>
	</fieldset>
</form>

</body>
</html>